 html,
 body {
     width: 100%;
     height: 100%;
     overflow: hidden
 }
 
 body {
     background: #1E9FFF;
 }
 
 body:after {
     content: '';
     background-repeat: no-repeat;
     background-size: cover;
     -webkit-filter: blur(3px);
     -moz-filter: blur(3px);
     -o-filter: blur(3px);
     -ms-filter: blur(3px);
     filter: blur(3px);
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     z-index: -1;
 }
 
 .layui-container {
     width: 100%;
     height: 100%;
     overflow: hidden
 }
 
 .admin-login-background {
     width: 360px;
     height: 300px;
     position: absolute;
     left: 50%;
     top: 40%;
     margin-left: -180px;
     margin-top: -100px;
 }
 
 .logo-title {
     text-align: center;
     letter-spacing: 2px;
     padding: 14px 0;
 }
 
 .logo-title h1 {
     color: #1E9FFF;
     font-size: 25px;
     font-weight: bold;
 }
 
 .login-form {
     background-color: #fff;
     border: 1px solid #fff;
     border-radius: 3px;
     padding: 14px 20px;
     box-shadow: 0 0 8px #eeeeee;
 }
 
 .login-form .layui-form-item {
     position: relative;
 }
 
 .login-form .layui-form-item label {
     position: absolute;
     left: 1px;
     top: 1px;
     width: 38px;
     line-height: 36px;
     text-align: center;
     color: #d2d2d2;
 }
 
 .login-form .layui-form-item input {
     padding-left: 36px;
 }
 
 .captcha {
     width: 60%;
     display: inline-block;
 }
 
 .captcha-img {
     display: inline-block;
     width: 34%;
     float: right;
 }
 
 .captcha-img img {
     height: 34px;
     border: 1px solid #e6e6e6;
     height: 36px;
     width: 100%;
 }
 
 #particles {
     position: absolute;
     height: 100%;
     width: 100%;
 }